<!DOCTYPE html>
<html lang="">

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width,initial-scale=1.0">
  <meta name="referrer" content="no-referrer" />
  <link rel="icon" href="<%= BASE_URL %>favicon.ico">
  <link href="http://cdn.bootcss.com/highlight.js/8.0/styles/monokai_sublime.min.css" rel="stylesheet">
  <link href="//at.alicdn.com/t/font_3279334_otme2elnh9g.css" rel="stylesheet">
  <title>
    <%= htmlWebpackPlugin.options.title %>
  </title>
  <style>
    * {
      padding: 0;
      margin: 0;
      list-style: none;
      text-decoration: none;
      /* font-family: "思源宋体 CN SemiBold", SimSun, fangsong !important; */
    }
  
    body {
      background-color: #f7f7f7;
    }

    .icon {
      width: 1em;
      height: 1em;
      vertical-align: -0.15em;
      fill: currentColor;
      overflow: hidden;
    }

    .el-textarea .el-textarea__inner {
      height: 100%;
    }

    /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
    ::-webkit-scrollbar {
      width: 4px;
      height: 4px;
      background-color: #F5F5F5;
    }

    /*定义滚动条轨道 内阴影+圆角*/
    ::-webkit-scrollbar-track {
      -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
      border-radius: 10px;
      background-color: #F5F5F5;
    }

    /*定义滑块 内阴影+圆角*/
    ::-webkit-scrollbar-thumb {
      border-radius: 10px;
      -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
      background-color: #2882c5;
    }

    .address-seacher .el-input__inner {
      border: 0px !important;
      background-color: #313a44 !important;
      width: 159px;
      height: 26px;
    }

    .center-input .el-input__inner {
      border: 0px solid red !important;
    }

     code {
      font-size: 17px !important;
      background-color: #2b3a42 !important;
      overflow-x: auto !important;
      padding: 16px !important;
      color: #abb2bf !important; 
      display: -webkit-box !important;
      font-family: Operator Mono, Consolas, Monaco, Menlo, monospace !important;
      -webkit-overflow-scrolling: touch !important;
      padding-top: 15px !important;
      /* background: #282c34; */
      border-radius: 5px !important;
      box-shadow: 0px 0px 13px 0px #a39797 !important;
      margin-top: 20px !important;
      margin-bottom: 20px !important;
    } 
  </style>
</head>
<script src="//at.alicdn.com/t/font_3279334_7cunp0u4xo9.js"></script>


<script src="http://cdn.bootcss.com/highlight.js/8.0/highlight.min.js"></script>

<!-- 小猫咪 -->
<script src="https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib/L2Dwidget.min.js"></script>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
<script>
  L2Dwidget.init({
    "model": {
      jsonPath: "https://unpkg.com/live2d-widget-model-hijiki/assets/hijiki.model.json",
      "scale": 1
    },
    "display": {
      "position": "left",
      "width": 100,
      "height": 200,
      "hOffset": 50,
      "vOffset": 0
    },
    "mobile": {
      "show": true,
      "scale": 0.5
    },
    "react": {
      "opacityDefault": 0.7,
      "opacityOnHover": 0.2
    }
  });
  window.onload = function () {
    $("#live2dcanvas").attr("style", "position: fixed; opacity: 0.7; left: 70px; bottom: 0px; z-index: 1; pointer-events: none;")
  }
</script>

<body>
  <noscript>
    <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled.
        Please enable it to continue.</strong>
  </noscript>
  <div id="app"></div>
  <!-- built files will be auto injected -->
</body>

</html>